require("../../assets/css/reset.css");
require("../../assets/css/common.css");
require("../../assets/css/normalize.css")
require("../../assets/fonts/iconfont.css")
require("./index.css");
// 获取公共js
let {$} = require("../../utils/dom.js");  
const axios= require("axios");
import "swiper/swiper-bundle.css";
import Swiper from 'swiper/bundle';
document.addEventListener("DOMContentLoaded", function () {
let mySwiper = new Swiper(".swiper", {
    loop:true,
	// 自动滑动
    autoplay: {
    delay: 1000,
    stopOnLastSlide: false,
    disableOnInteraction: false,
    },
});
let b=$(".nav .y");
let st=$(".information_tab");
let s=true;
// 点击底部按钮展开列表卡
b.addEventListener("click",function(event){
if(s){
    $(".information_tab").classList="information_tabs"
    st=$(".information_tabs")
    s=false;
}
else{
    $(".information_tabs").classList="information_tab"
    st=$(".information_tab")
    s=true;
}
event.stopPropagation();
});
// 点击body关闭列表卡
$("body").addEventListener("click",function(){
    if(s===false){
    $(".information_tabs").classList="information_tab";
    s=true;
    $(".y").classList.toggle('active');
    }

})
// 点击列表卡不关闭，阻止冒泡
st.addEventListener("click",function(event){
    event.stopPropagation();
    
})


$(".y").addEventListener('click', () => {
    $(".y").classList.toggle('active');
});
// 只显示多少位数,超出的隐藏

let max ="3658956"
$(".course_l span").forEach(function(v){
if(max.length > 3){
    v.innerHTML = max.substring(0,3)+"..."
}
})
let data=""
// 发请求获取用户的相关信息
axios.defaults.baseURL = 'http://fitness.h5.itsource.cn:3701';
let token =localStorage.getItem("token");
axios.defaults.headers.common['Authorization'] = "Bearer " + token;
axios.get("/api/user/info").then(res=>{
    data=res.data.data;
})
// 排名
$(".pw").addEventListener("click",function(){
    
    if(data ===""){
        alert("数据正在加载中...")
        return;
        }
        else{
            alert(`您当前的排名是${data.ranking}`)
        }
});

// 徽章
$(".hz").addEventListener("click",function(){
    if(data ===""){
    alert("数据正在加载中...")
    return;
    }
    else{
        alert(`您当前有${data.badges}徽章`)
    }
});

// 打卡天数获取



function qddk(){
// 发送请求获取打卡数据
axios.get('/api/user/clockInInfo').then(res=>{
    let dk=""
    dk = res.data;
    // 判断是否打卡 如果当天打卡了，就禁用点击按钮，并输出打卡天数
    if (res.data.data.isClockIn) {
            //已打卡
            $(".dk button").disabled = true; //禁用
            $(".dk button").style.color = '#000000';
            $(".dk button").textContent = `已打卡${dk.data.clockCount}天`;
    }
});
}
qddk()
// 打卡
$(".dk button").addEventListener("click",function(){
        qddk()
        axios.post('/api/user/clockIn').then(res => {
            if (res.data.errno !== 0) {
                alert('已经打卡，明天再来');
            }
        });

});

// 点击预约

$(".course_l button").forEach(function(v,i){
    v.addEventListener('click',function() {
    localStorage.setItem('sou',"已预约");
    v.textContent = localStorage.getItem('sou');
    v.disabled = true;
});
});

$(".course_l button").forEach(function(v,i){
    if(localStorage.getItem('sou',i)){
        v.textContent = localStorage.getItem('sou');
    }
});

})

